@extends('admin.master')
@section('content')

<article class="page-container">
	<form action="/admin/cat" method="post" class="form form-horizontal" id="form-member-add">
		{{ csrf_field() }}

		<div class="row cl">
			<label class="form-label col-xs-4 "><span class="c-red">*</span>父栏目：</label>
			<div class="formControls col-xs-4 ">
				<input type="text" class="input-text" value="" placeholder="" id="name" name="name">
			</div>
		</div>



		
		<div class="row cl">
			<label class="form-label col-xs-4 ">请选择：</label>
			<div class="formControls col-xs-4 "> <span class="select-box">
				<select class="select" name="pid">
					<option value="0" selected>添加顶级栏目</option>
					@foreach($data as $da)
					<option value="{{$da->id}}"><?= "|-",str_repeat("--",$da->lev);?>{{$da->name}}</option>
					@endforeach

				</select>
				</span> </div>
		</div>

		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>
</article>
@endsection

@section('js')
<!--请在下方写此页面业务相关的脚本--> 
<script type="text/javascript" src="/admins/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="/admins/lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="/admins/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	
	$("#form-member-add").validate({
		 rules:{
			username:{
				required:true,
				minlength:2,
				maxlength:16
			},
			sex:{
				required:true,
			},
			mobile:{
				required:true,
				isMobile:true,
			},
			email:{
				required:true,
				email:true,
			},
			uploadfile:{
				required:true,
			},
			
		}, 
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
			//$(form).ajaxSubmit();
			var index = parent.layer.getFrameIndex(window.name);
			//parent.$('.btn-refresh').click();
			parent.layer.close(index);
		}
	});
});
</script> 
@endsection
